<div class="closing-approval" *ngIf="docid?formJson:true;else elseBlock">
    <div class="registerCsae" *ngIf="!isReadonly">
        <span style='margin-left:0'>案件环节：</span>
        <nz-select class='select' style="width: 120px;vertical-align: middle" [nzDisabled]='isReadonly' (ngModelChange)="selectChange($event)" nzPlaceHolder='请选择' [ngModel]='getSelectValue' [nzSuffixIcon]='icon' [nzSuffixIcon]='icon' nzAllowClear='false'>
            <nz-option nzValue="线索" nzLabel="线索">线索</nz-option>
            <nz-option nzValue="立案" nzLabel="立案">立案</nz-option>
            <nz-option nzValue="调查取证" nzLabel="调查取证">调查取证</nz-option>
            <nz-option nzValue="处罚决定" nzLabel="处罚决定">处罚决定</nz-option>
            <nz-option nzValue="执行与结案" nzLabel="执行与结案">执行与结案</nz-option>
            <nz-option nzValue="强制执行" nzLabel="强制执行">强制执行</nz-option>
        </nz-select>
    </div>
    <div class='form' #form>
        <table style="width: 100%;">
            <thead>
                <tr>
                    <th colspan="2">
                        《结案审批表》
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <span>案件名称：</span>
                    </td>
                    <td>
                        <input placeholder="当事人姓名（名称）+违法行为性质+案" [readonly]='isReadonly' class='input' [(ngModel)]="formJson.caseName" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>立案日期：</span>
                    </td>
                    <td>
                        <nz-date-picker [nzDisabled]='isReadonly' [(ngModel)]="formJson.caseFiDate" style="width: 200px;vertical-align: middle;height:30px;" nzPlaceHolder='请选择' nzFormat='yyyy-MM-dd'></nz-date-picker>
                        &nbsp;&nbsp;&nbsp;&nbsp;
                        <span style="display: inline-block;width: 98px;text-align: right">案件承办人：</span>
                        <input placeholder="案件承办人" style="width: 200px;vertical-align: middle;height:30px;" readonly class='input' [(ngModel)]="formJson.exeper" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>处理决定文书：</span>
                    </td>
                    <td>
                        <input placeholder="处理决定文书" style="width: 200px;vertical-align: middle;height:30px;" [readonly]='isReadonly' class='input' [(ngModel)]="formJson.docNo" /> &nbsp;&nbsp;&nbsp;&nbsp;
                        <span style="display: inline-block;width: 98px;text-align: right">处理决定日期：</span>
                        <nz-date-picker [nzDisabled]='isReadonly' [(ngModel)]="formJson.penDecDate" style="width: 200px;vertical-align: middle;height:30px;" nzPlaceHolder='请选择' nzFormat='yyyy-MM-dd'></nz-date-picker>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>处理决定文书：</span>
                    </td>
                    <td>
                        <div style="float: left;">
                            <!-- <nz-checkbox-group [(ngModel)]="checkOptionsOne" (ngModelChange)="log(checkOptionsOne)"></nz-checkbox-group> -->
                            <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.cE" (ngModelChange)="processingDecision($event,'cE')">行政处罚决定执行完毕</label><br>
                            <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.cInv" (ngModelChange)="processingDecision($event,'cInv')">案件终止调查</label><br>
                            <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.cFal" (ngModelChange)="processingDecision($event,'cFal')">违法事实不能成立</label><br>
                            <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.cTS" (ngModelChange)="processingDecision($event,'cTS')">移送司法机关</label><br>
                        </div>
                        <div style="float: left;margin-bottom: 10px;">
                            <!-- <nz-checkbox-group [(ngModel)]="checkOptionsTwo" (ngModelChange)="log(checkOptionsOne)"></nz-checkbox-group> -->
                            <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.cS" (ngModelChange)="processingDecision($event,'cS')">人民法院裁定终结执行</label><br>
                            <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.cPub" (ngModelChange)="processingDecision($event,'cPub')">不予行政处罚</label><br>
                            <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.cT" (ngModelChange)="processingDecision($event,'cT')">移送其他行政管理部门</label><br>
                            <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.cO" (ngModelChange)="processingDecision($event,'cO')">其他：</label>
                            <input type="text" [readonly]='isReadonly' placeholder="请输入" [(ngModel)]="formJson.cOCon" style="border: none;border-bottom: 1px solid #ccc;width: 160px;padding: 0 10px;">
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>行政处罚内容：</span></td>
                    <td>
                        <input placeholder="行政处罚内容" [(ngModel)]="formJson.pubContent" [readonly]='isReadonly' class='input' />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>行政处罚决定执行方式：</span>
                    </td>
                    <td>
                        <!-- <nz-checkbox-group [(ngModel)]="checkOptionsThree" (ngModelChange)="log(checkOptionsOne)"></nz-checkbox-group> -->
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.aExe" (ngModelChange)="implementationModalities($event,'aExe')">主动履行</label>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.fExe" (ngModelChange)="implementationModalities($event,'fExe')">强制执行</label>
                        <label nz-checkbox [nzDisabled]='isReadonly' [(ngModel)]="formJson.oExe" (ngModelChange)="implementationModalities($event,'oExe')">其他：</label><input type="text" [readonly]='isReadonly' [(ngModel)]="formJson.oCon" placeholder="请输入"
                            style="border: none;border-bottom: 1px solid #ccc;width: 160px;padding: 0 10px;">
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>罚没财物处置情况：</span>
                    </td>
                    <td>
                        <input placeholder="罚没财物处置情况" [(ngModel)]="formJson.goodsSituation" [readonly]='isReadonly' class='input' />
                    </td>
                </tr>
                <tr>
                    <td>
                        <span style="display: inline-block;width: 98px;text-align: right">时间：</span>
                    </td>
                    <td>
                        <nz-date-picker style="width: 200px;vertical-align: middle;height:30px;" [(ngModel)]="caseDate" nzPlaceHolder='请选择' nzFormat='yyyy-MM-dd'></nz-date-picker>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>案件承办人员意见：</span></td>
                    <td>
                        <textarea placeholder="案件承办人员意见" [readonly]='isReadonly' [(ngModel)]="formJson.exeperOpinion" class='textarea'></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>承办机构负责人意见：</span></td>
                    <td>
                        <textarea placeholder="承办机构负责人意见" [(ngModel)]="formJson.organOpinion" readonly class='textarea'></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>部门负责人意见：</span></td>
                    <td>
                        <textarea placeholder="部门负责人意见" [(ngModel)]="formJson.deptOpinion" readonly class='textarea'></textarea>
                    </td>
                </tr>
                <tr>
                    <td>
                        <span>备注：</span></td>
                    <td>
                        <textarea placeholder="备注信息" [readonly]='isReadonly' class='note' [(ngModel)]="formJson.remarks"></textarea>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>


<ng-template #icon>
    <i nz-icon nzType="caret-down" nzTheme="outline"></i>
</ng-template>
<app-loading-ball-pulseb *ngIf="loading"></app-loading-ball-pulseb>
<ng-template #elseBlock>
    <div style="margin:0 auto;position: relative;height:100%;">
        <img style="position: absolute;width:180px;height:150px; top: 50%;left: 50%;transform:translate(-50%,-50%);" src=''>
        <p style="
        transform:translate(-50%,-50%);
        position: absolute;  
        font-size:18px;
        width:180px;
        height:150px; 
        text-align: center;
        margin-top:150px;
        top:50%;
        left: 50%;" class="ant-empty-description"> 暂无数据 </p>
    </div>
</ng-template>